
//1. webapck 是一个模块化打包工具， 当前文件必须用模块化方式才能被打包

//2. webpack支持的模块化的写法：
    //AMD
    //CommonJS
    //ES6

//下面的模块化代码，并不是最终要被浏览器执行的
//我们写这些代码，只是为了让webapck知道我们需要依赖哪些文件

//webpack在对我们的文件进行打包的时候，会将这些代码全部移除掉（换成了webpack自己的代码）


//webpack 打包命令的基本写法（以后很少会用）

//webpack 入口文件 -o 输出文件


//amd
// define(["jquery"], function($){
    
//     $(function(){
//         $("ul>li:odd").css("background-color", "pink");
//         $("ul>li:even").css("background-color", "gold");
//     })

// })    


//commonjs
// var $ = require("jquery");


// $(function(){
//     $("ul>li:odd").css("background-color", "pink");
//     $("ul>li:even").css("background-color", "gold");
// })

//es6
// import $ from "jquery"

// $(function(){
//     $("ul>li:odd").css("background-color", "pink");
//     $("ul>li:even").css("background-color", "gold");
// })